<div class="wrapper wrapper-content">

  <div class="row">
    <div class="col-md-12">

      <div class="ibox chat-view">

        <div class="ibox-title">
          <small class="pull-left text-muted">timelineList</small>

        </div>

        <div class="ibox-content"style="overflow: hidden;">

          <div class="row no-padding">
            <div class="col-md-2 "style="padding-right: 0;">

              <div class="chat-users"style="margin: 0px;padding: 0">
                <div class="users-list">
                  <div class="chat-user chooseColor" >
                    <img class="chat-avatar" src="img/a1.jpg" alt="" >
                    <div class="chat-user-name">
                      <a href="#">张小凡</a><br>
                      <!--<span class="badge badge-info">详情</span>-->
                      <!--<span class="badge badge-info">详情</span>-->
                    </div>
                  </div>
                  <div class="chat-user">
                    <img class="chat-avatar" src="img/a4.jpg" alt="" >
                    <div class="chat-user-name">
                      <a href="#">毕武忠</a>
                    </div>
                  </div>
                  <div class="chat-user" >
                    <img class="chat-avatar" src="img/a5.jpg" alt="" >
                    <div class="chat-user-name">
                      <a href="#">唐正梅</a>
                    </div>
                  </div>
                  <div class="chat-user">
                    <img class="chat-avatar" src="img/a2.jpg" alt="" >
                    <div class="chat-user-name">
                      <a href="#">王凯</a>
                    </div>
                  </div>
                </div>


              </div>

            </div>
            <div class="col-md-10" style="border-left: 1px solid #eeeeee">
              <div id="vertical-timeline" class="vertical-container dark-timeline">
                <div class="vertical-timeline-block">
                  <div class="vertical-timeline-icon navy-bg">
                    <i class="fa fa-calendar"></i>
                  </div>

                  <div class="vertical-timeline-content">
                    <h2>计划</h2>
                    <p>患者勾靶完成，正在进行治疗计划。<span style="font-weight: 600">医生：毕武忠</span>
                    </p>
                    <!--<a href="#" class="btn btn-sm btn-primary"> More info</a>-->
                                    <span class="vertical-date">
                                        星期五 <br/>
                                        <small>2016.08.26 09:20</small>
                                    </span>
                  </div>
                </div>

                <div class="vertical-timeline-block">
                  <div class="vertical-timeline-icon blue-bg">
                    <i class="fa fa-pencil"></i>
                  </div>

                  <div class="vertical-timeline-content">
                    <h2>勾靶</h2>
                    <p>重新对患者治疗部位进行勾靶。<span style="font-weight: 600">医生：唐正梅</span></p>
                    <!--<a href="#" class="btn btn-sm btn-success"> Download document </a>-->
                                    <span class="vertical-date">
                                        星期四 <br/>
                                        <small>2016.08.25 10:25</small>
                                    </span>
                  </div>
                </div>

                <div class="vertical-timeline-block">
                  <div class="vertical-timeline-icon navy-bg">
                    <i class="fa fa-calendar"></i>
                  </div>

                  <div class="vertical-timeline-content">
                    <h2>计划</h2>
                    <p>患者勾靶不通过，重新勾靶。<span style="font-weight: 600">医生：毕武忠</span>
                    </p>
                    <!--<a href="#" class="btn btn-sm btn-primary"> More info</a>-->
                                    <span class="vertical-date">
                                        星期四 <br/>
                                        <small>2016.08.25 11:24</small>
                                    </span>
                  </div>
                </div>

                <div class="vertical-timeline-block">
                  <div class="vertical-timeline-icon blue-bg">
                    <i class="fa fa-pencil"></i>
                  </div>

                  <div class="vertical-timeline-content">
                    <h2>勾靶</h2>
                    <p>对患者治疗部位进行勾靶。<span style="font-weight: 600">医生：唐正梅</span></p>
                    <!--<a href="#" class="btn btn-sm btn-success"> Download document </a>-->
                                    <span class="vertical-date">
                                        星期四 <br/>
                                        <small>2016.08.25 09:25</small>
                                    </span>
                  </div>
                </div>

                <div class="vertical-timeline-block">
                  <div class="vertical-timeline-icon lazur-bg">
                    <i class="fa fa-dot-circle-o"></i>
                  </div>

                  <div class="vertical-timeline-content">
                    <h2>定位</h2>
                    <p>对患者进行CT定位。<span style="font-weight: 600">医生：李福艳</span></p>
                    <!--<a href="#" class="btn btn-sm btn-info">Read more</a>-->
                    <span class="vertical-date"> 星期三 <br/><small>2016.08.24 14:35</small></span>
                  </div>
                </div>

                <div class="vertical-timeline-block">
                  <div class="vertical-timeline-icon yellow-bg">
                    <i class="fa fa-cubes"></i>
                  </div>

                  <div class="vertical-timeline-content">
                    <h2>压模</h2>
                    <p>患者压模完成。

                      <span style="font-weight: 600">医生：张玲</span>
                    </p>
                <span class="vertical-date">星期三<br/>
                  <small>2016.08.24 11:20</small></span>
                    <button class="btn btn-primary btn-outline btn-sm " style="margin-right: 20px;">
                      <i class="fa fa-user-md"></i>
                      详情
                    </button>

                    <button class="btn btn-primary btn-outline btn-sm" style="margin-right: 20px;">
                      <i class="fa fa-user-md"></i>
                      交流
                    </button>
                  </div>

                </div>

                <div class="vertical-timeline-block">
                  <div class="vertical-timeline-icon lazur-bg">
                    <i class="fa fa-user"></i>
                  </div>

                  <div class="vertical-timeline-content">
                    <h2>注册</h2>
                    <p>患者注册完成。<span style="font-weight: 600">医生：杨名朋</span></p>
                    <span class="vertical-date">星期三 <br/><small>2016.08.24 10::30</small></span>
                  </div>
                </div>

                <!--<div class="vertical-timeline-block">-->
                <!--<div class="vertical-timeline-icon navy-bg">-->
                <!--<i class="fa fa-comments"></i>-->
                <!--</div>-->

                <!--<div class="vertical-timeline-content">-->
                <!--<h2>Chat with Monica and Sandra</h2>-->
                <!--<p>Web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). </p>-->
                <!--<span class="vertical-date">Yesterday <br/><small>Dec 23</small></span>-->
                <!--</div>-->
                <!--</div>-->
              </div>
            </div>
          </div>

        </div>

      </div>
    </div>

  </div>


</div>
